<template>
	<view class="agreement-main-box">
		<view v-if="showType == 1" class="agreement-box">
			<view class="title">{{title}}</view>
			<view class="content-box">
				<view class="content" v-for="item in content" v-html="item">

				</view>
			</view>
			<view class="btn" @click="ok">我知道了</view>
		</view>
		<view v-else class="rule-content-box">
			<image @click="ok" class="close" mode="widthFix" :src="rootImagePath + 'close-icon.png'"></image>
			<image @click="ok" class="rule-img" mode="widthFix" :src="imagePath"></image>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['agreementType', 'number', 'rootImagePath'],
		data() {
			return {
				showType: 1, // 1-文字，2-图文
				title: '',
				content: '',
				imagePath: '',
				showDataList: [{
						key: 1,
						title: '隐私保护指引',
						showType: 1, // 1-文字，2-图文
						content: [
							"用户协议",
							"尊敬的用户，欢迎使用由成都启奔科技有限公司（下列简称为“启奔科技”）提供的服务。在使用前请您阅读如下服务协议，使用本应用即表示您同意接受本协议，本协议产生法律效力，特别涉及免除或者限制启奔科技责任的条款，请仔细阅读。如有任何问题，可向启奔科技咨询。",
							"1. 服务条款的确认和接受",
							"通过访问或使用本应用，表示用户同意接受本协议的所有条件和条款。",
							"2. 服务条款的变更和修改",
							"启奔科技有权在必要时修改服务条款，服务条款一旦发生变更，将会在重要页面上提示修改内容。如果不同意所改动的内容，用户可以放弃获得的本应用信息服务。如果用户继续享用本应用的信息服务，则视为接受服务条款的变更。本应用保留随时修改或中断服务而不需要通知用户的权利。本应用行使修改或中断服务的权利，不需对用户或第三方负责。",
							"3. 用户行为",
							"3.1 用户账号、密码和安全",
							"您需注册登录账号方可使用我司产品功能。",
							"3.2 账号注册时的禁止行为",
							"（1）请勿以党和国家领导人或其他社会名人的真实姓名、字号、艺名、笔名注册；",
							"（2）冒充任何人或机构，或以虚伪不实的方式谎称或使人误认为与任何人或任何机构有关的名称；",
							"（3）请勿注册和其他网友之名相近、相仿的名字；",
							"（4）请勿注册不文明、不健康名字，或包含歧视、侮辱、猥亵类词语的名字；",
							"（5）请勿注册易产生歧义、引起他人误解的名字；",
							"3.3 用户在本应用上不得发布下列违法信息和照片：",
							"（1）反对宪法所确定的基本原则的；",
							"（2）危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；",
							"（3）损害国家荣誉和利益的；",
							"（4）煽动民族仇恨、民族歧视，破坏民族团结的；",
							"（5）破坏国家宗教政策，宣扬邪教和封建迷信的；",
							"（6）散布谣言，扰乱社会秩序，破坏社会稳定的；",
							"（7）散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；",
							"（8）侮辱或者诽谤他人，侵害他人合法权益的；",
							"（9）含有法律、行政法规禁止的其他内容的；",
							"（10）禁止骚扰、毁谤、威胁、仿冒网站其他用户；",
							"（11）严禁煽动非法集会、结社、游行、示威、聚众扰乱社会秩序；",
							"（12）严禁发布可能会妨害第三方权益的文件或者信息，例如（包括但不限于）：病毒代码、黑客程序、软件破解注册信息。",
							"（13）禁止上传他人作品。其中包括你从互联网上下载、截图或收集的他人的作品；",
							"（14）禁止上传广告、横幅、标志等网络图片；",
							"4. 服务内容",
							"本服务的具体内容由启奔科技根据实际情况提供，启奔科技可以对其提供的服务予以变更，且启奔科技提供的服务内容可能随时变更。",
							"",
							"隐私条款",
							"1.用户信息公开情况说明",
							"尊重用户个人隐私是启奔科技的一项基本政策。所以，启奔科技不会在未经合法用户授权时公开、编辑或透露其注册资料及保存在本应用中的非公开内容，除非有下列情况：",
							"（1）有关法律规定或启奔科技合法服务程序规定；",
							"（2）在紧急情况下，为维护用户及公众的权益；",
							"（3）为维护启奔科技的商标权、专利权及其他任何合法权益；",
							"（4）其他需要公开、编辑或透露个人信息的情况；",
							"在以下（包括但不限于）几种情况下，启奔科技有权使用用户的个人信息：",
							"（1）在进行促销或抽奖时，启奔科技可能会与赞助商共享用户的个人信息，在这些情况下启奔科技会在发送用户信息之前进行提示，并且用户可以通过不参与来终止传送过程；",
							"（2）启奔科技可以将用户信息与第三方数据匹配；",
							"（3）启奔科技会通过透露合计用户统计数据，向未来的合作伙伴、广告商及其他第三方以及为了其他合法目的而描述启奔科技的服务；",
							"2.隐私权政策适用范围",
							"（1）用户在使用本应用服务器时留下的个人身份信息；",
							"（2）用户通过本应用服务器与其他用户或非用户之间传送的各种资讯；",
							"（3）本应用与商业伙伴共享的其他用户或非用户的各种信息；",
							"（4）启奔科技软件十分注重保护用户的个人隐私，并制定了《隐私政策》，用户亦可以通过《隐私政策》，用户确认并同意使用启奔科技软件提供的服务将被视为接受《隐私政策》。",
							"3.资讯公开与共享",
							"启奔科技不会将用户的个人信息和资讯故意透露、出租或出售给任何第三方。但以下情况除外：",
							"（1）用户本人同意与第三方共享信息和资讯;",
							"（2）只有透露用户的个人信息和资讯，才能提供用户所要求的某种产品和服务;",
							"（3）应代表本应用提供产品或服务的主体的要求提供（除非我们另行通知，否则该等主体无权将相关用户个人信息和资讯用于提供产品和服务之外的其他用途）：根据法律法规或行政命令的要求提供;因外部审计需要而提供;用户违反了本应用服务条款或任何其他产品及服务的使用规定;经本站评估，用户的帐户存在风险，需要加以保护。",
							"4.非个人隐私信息",
							"为了改善启奔科技软件的技术和服务，向用户提供更好的服务体验，启奔科技或可会自行收集使用或向第三方提供用户的非个人隐私信息。",
							"5.如何联系我们",
							"您可以通过以下方式与我们联系，我们将在15天内回复您的请求：",
							"（1）如对本政策内容、个人信息有任何疑问、意见或建议，您可通过启奔科技客服邮箱：【912716425@qq.com】与我们联系。",
							"（2）如发现个人信息可能被泄露，您可以联系我们的客服人员进行投诉举报；",
							"如果您对我们的回复不满意，特别是您认为我们的个人信息处理行为损害了您的合法权益，您还可以通过向被告住所地有管辖权的法院提起诉讼来寻求解决方案。",
						]
					},
					{
						key: 2,
						title: '产品说明',
						showType: 1, // 1-文字，2-图文
						content: [
							'1.活动时间：2024.05.01-2024.12.31',
							'2.产品名称：晓悟故事连续包月联合会员',
							'3.客服咨询：400-882-5010（工作日9:00-12:00，13:30-18:00）。',
							'4.所有未在晓悟故事参与连续订阅的用户均可参与活动，具体以实际办理为准。',
							'5.产品资费：本产品为连续包月产品(首周免费），续订66元/月，开通立即生效（限购1单，可随时取消）。扣费采用签约代扣的方式进行收费，会在每一个计费周期到期前24小时自动从您签约的账户中扣费（请确保余额充足）。如对产品有异议或者建议等，请联系客服登记处理。',
							'6.权益说明：',
							'（1）权益内容包含：',
							'①首周免费权益：晓悟故事vip会员周卡+5元停车券',
							'②续订月卡权益：晓悟故事vip会员月卡（价值48元），6张5元支付宝立减金（共计30元）。',
							'（2）领取及使用：',
							'①晓悟故事会员自动到账至您订购时填写的手机号对应注册的晓悟故事账号下，请确保通过活动订购产品的手机号和登录晓悟故事APP的手机号保持一致，凭订购产品时使用的手机号登录晓悟故事APP查看会员到账情况。',
							'②6张5元支付宝立减金',
							'a.请前往微信公众号“省心24-领福利-立减金”领取您的立减金（领取详情见阅短信）。领取规则为：订阅期内每5天可领取一张，每月共可领取6张，每张立减金领取后24小时内有效，到期自动失效（支付宝立减金领取后将发放到您订购时填写的手机号注册的支付宝账户-卡包。该产品为虚拟商品请填写正确手机号）',
							'b.支付宝立减金可用于线上线下任意支付宝支付场景（使用支付宝支付，且金额大于5元，选择银行卡【含所有银行卡】付款时均可自动抵扣）。',
							'7.取消订阅/续订：',
							'（1）您在购买自动续费服务后，将会在到期前1天为您发起续费，自动延长一个月晓悟故事vip会员有效期及立减金权益；',
							'（2）如需解约本产品，请在会员权益到期前解约。',
							'解约路径：打开支付宝app点击设置-支付设置-免密支付自动扣款-选择需要退订的产品-关闭服务（取消后则不再发起续订扣费）。',
							'注意：在晓悟故事与第三方合作发生变更或终止时，您的订购服务将自动解约，以届时实际通知为准。',
							'8.退费说明：联合产品属虚拟类商品，非预付卡，不适用无理由退货，开通成功后，不支持退款和转移，联合产品权益不可转让。',
							'9.严禁以任何形式翻录或转载、未经许可在第三方平台传播，违者将追究法律责任。',
							'10.特别提醒',
							'（1）购买本联合产品，应同时遵守晓悟故事和省心24各自发布的《用户服务协议》、《隐私权政策》（统称“平台规则”），如违反任一平台规则，晓悟故事和省心24任何一方均有权单独按照其平台规则的规定进行处理，包括但不限于中止或终止提供其所属平台的服务及要求侵权赔偿等。故在开通前，请仔细阅读两个平台的规则。',
							'（2）用户信息保护：为您领取权益目的，晓悟故事和省心24会收集使用您的相关信息。当您购买联合产品并手动勾选相关服务协议后，表明您接受并同意收集使用您的个人信息。活动主办方使用个人信息仅限于购买、领取、使用联合产品所需，并在合理范围内予以保护，详细个人信息政策请晓悟故事和省心24《隐私权政策》及《用户服务协议》。如您不同意请不要参与本次活动。',
							'（3）互联网存在诸多不确定性因素，因此理解并同意，如因不可抗力、网络、通讯线路故障、计算机大规模瘫痪及活动中存在大面积作弊行为等非晓悟故事原因致使本活动出现异常情况或难以继续开展的，活动主办方有权采取包括但不限于通过各种方式消除异常情况或调整、暂停、取消本活动等措施，因此造成用户损失的，晓悟故事不承担责任。',
							'（4）如出现不可抗力或情势变更的情况（包括但不限于重大灾害事件，活动受政府机关指令需要停止举办或调整的，活动遭受严重网络攻击或因系统故障导致包括但不限于活动中断、停办、权益领取和使用出现问题），活动主办方可依据相关法律法规的规定主张免责，主办方拥有取消本次活动的权利。',
							'（5）在法律规定的范围内，晓悟故事有权对活动规则进行解释，并根据活动的实际情况对本活动的规则进行变动或调整，相关变动或调整将公布在本活动规则页面，公布后依法生效。',
							'（6）如果用户出现违规行为（如作弊领取、恶意套现、刷取信誉、虚假交易、以所获得权益进行盈利、不当使用、倒买倒卖等违背诚实信用的行为），活动主办方将取消收回全部权益（含已使用的及未使用的），必要时追究法律责任。',
						],
					}, {
						key: 3,
						title: '产品说明',
						showType: 1, // 1-文字，2-图文
						content: [
							'1.活动时间：2024.05.01-2024.12.31',
							'2.产品名称：晓悟故事连续包月联合会员',
							'3.客服咨询：400-882-5010（工作日9:00-12:00，13:30-18:00）。',
							'4.所有未在晓悟故事参与连续订阅的用户均可参与活动，具体以实际办理为准。',
							'5.产品资费：本产品为连续包月产品(首周免费），续订66元/月，开通立即生效（限购1单，可随时取消）。扣费采用签约代扣的方式进行收费，会在每一个计费周期到期前24小时自动从您签约的账户中扣费（请确保余额充足）。如对产品有异议或者建议等，请联系客服登记处理。',
							'6.权益说明：',
							'（1）权益内容包含：',
							'①首周免费权益：晓悟故事vip会员周卡+5元支付宝立减金',
							'②续订月卡权益：晓悟故事vip会员月卡（价值48元），6张5元支付宝立减金（共计30元）。',
							'（2）领取及使用：',
							'①晓悟故事会员自动到账至您订购时填写的手机号对应注册的晓悟故事账号下，请确保通过活动订购产品的手机号和登录晓悟故事APP的手机号保持一致，凭订购产品时使用的手机号登录晓悟故事APP查看会员到账情况。',
							'②6张5元支付宝立减金',
							'a.请前往微信公众号“省心24-领福利-立减金”领取您的立减金（领取详情见阅短信）。领取规则为：订阅期内每5天可领取一张，每月共可领取6张，每张立减金领取后24小时内有效，到期自动失效（支付宝立减金领取后将发放到您订购时填写的手机号注册的支付宝账户-卡包。该产品为虚拟商品请填写正确手机号）',
							'b.支付宝立减金可用于线上线下任意支付宝支付场景（使用支付宝支付，且金额大于5元，选择银行卡【含所有银行卡】付款时均可自动抵扣）。',
							'7.取消订阅/续订：',
							'（1）您在购买自动续费服务后，将会在到期前1天为您发起续费，自动延长一个月晓悟故事vip会员有效期及立减金权益；',
							'（2）如需解约本产品，请在会员权益到期前解约。',
							'解约路径：打开支付宝app点击设置-支付设置-免密支付自动扣款-选择需要退订的产品-关闭服务（取消后则不再发起续订扣费）。',
							'注意：在晓悟故事与第三方合作发生变更或终止时，您的订购服务将自动解约，以届时实际通知为准。',
							'8.退费说明：联合产品属虚拟类商品，非预付卡，不适用无理由退货，开通成功后，不支持退款和转移，联合产品权益不可转让。',
							'9.严禁以任何形式翻录或转载、未经许可在第三方平台传播，违者将追究法律责任。',
							'10.特别提醒',
							'（1）购买本联合产品，应同时遵守晓悟故事和省心24各自发布的《用户服务协议》、《隐私权政策》（统称“平台规则”），如违反任一平台规则，晓悟故事和省心24任何一方均有权单独按照其平台规则的规定进行处理，包括但不限于中止或终止提供其所属平台的服务及要求侵权赔偿等。故在开通前，请仔细阅读两个平台的规则。',
							'（2）用户信息保护：为您领取权益目的，晓悟故事和省心24会收集使用您的相关信息。当您购买联合产品并手动勾选相关服务协议后，表明您接受并同意收集使用您的个人信息。活动主办方使用个人信息仅限于购买、领取、使用联合产品所需，并在合理范围内予以保护，详细个人信息政策请晓悟故事和省心24《隐私权政策》及《用户服务协议》。如您不同意请不要参与本次活动。',
							'（3）互联网存在诸多不确定性因素，因此理解并同意，如因不可抗力、网络、通讯线路故障、计算机大规模瘫痪及活动中存在大面积作弊行为等非晓悟故事原因致使本活动出现异常情况或难以继续开展的，活动主办方有权采取包括但不限于通过各种方式消除异常情况或调整、暂停、取消本活动等措施，因此造成用户损失的，晓悟故事不承担责任。',
							'（4）如出现不可抗力或情势变更的情况（包括但不限于重大灾害事件，活动受政府机关指令需要停止举办或调整的，活动遭受严重网络攻击或因系统故障导致包括但不限于活动中断、停办、权益领取和使用出现问题），活动主办方可依据相关法律法规的规定主张免责，主办方拥有取消本次活动的权利。',
							'（5）在法律规定的范围内，晓悟故事有权对活动规则进行解释，并根据活动的实际情况对本活动的规则进行变动或调整，相关变动或调整将公布在本活动规则页面，公布后依法生效。',
							'（6）如果用户出现违规行为（如作弊领取、恶意套现、刷取信誉、虚假交易、以所获得权益进行盈利、不当使用、倒买倒卖等违背诚实信用的行为），活动主办方将取消收回全部权益（含已使用的及未使用的），必要时追究法律责任。',
						],
					}, {
						key: 4,
						title: '产品说明',
						showType: 1, // 1-文字，2-图文
						content: [
							'1.活动时间：2024.05.01-2024.12.31',
							'2.产品名称：晓悟故事连续包月联合会员',
							'3.客服咨询：400-882-5010（工作日9:00-12:00，13:30-18:00）。',
							'4.所有未在晓悟故事参与连续订阅的用户均可参与活动，具体以实际办理为准。',
							'5.产品资费：本产品为连续包月产品(首周免费），续订66元/月，开通立即生效（限购1单，可随时取消）。扣费采用签约代扣的方式进行收费，会在每一个计费周期到期前24小时自动从您签约的账户中扣费（请确保余额充足）。如对产品有异议或者建议等，请联系客服登记处理。',
							'6.权益说明：',
							'（1）权益内容包含：',
							'①100元团油优惠券',
							'a.领取成功后，登录团油APP或团油小程序，点击我的-优惠券，即可查看权益并使用（逾期未使用将自动失效，对于失效的优惠券不予找回）；',
							'b.券包中的券分两次生效：兑换成功后，0-30天生效1张5元无门槛券、3张200-10元券，1张350-15元券。31-60天生效1张5元无门槛券、3张200-10元券，1张350-15元券。',
							'c.使用规则：优惠券仅限与团油合作的部分加油站的汽油可用（具体油站及油号以团油平台显示的为准）；优惠券不可与平台直降活动暨加，不退换不找零，同一订单只能使用一张。',
							'②晓悟故事会员自动到账至您订购时填写的手机号对应注册的晓悟故事账号下，请确保通过活动订购产品的手机号和登录晓悟故事APP的手机号一致，凭订购产品时使用的手机号登录晓悟故事APP查看会员到账情况。',
							'②6张5元支付宝立减金',
							'a.请前往微信公众号“省心24-领福利-立减金”领取您的立减金（领取详情见阅短信）。领取规则为：订阅期内每5天可领取一张，每月共可领取6张，每张立减金领取后24小时内有效，到期自动失效（支付宝立减金领取后将发放到您订购时填写的手机号注册的支付宝账户-卡包。该产品为虚拟商品请填写正确手机号）',
							'b.支付宝立减金可用于线上线下任意支付宝支付场景（使用支付宝支付，且金额大于5元，选择银行卡【含所有银行卡】付款时均可自动抵扣）。',
							'7.取消订阅/续订：',
							'（1）您在购买自动续费服务后，将会在到期前1天为您发起续费，自动延长一个月晓悟故事vip会员有效期及立减金权益；',
							'（2）如需解约本产品，请在会员权益到期前解约。',
							'解约路径：打开支付宝app点击设置-支付设置-免密支付自动扣款-选择需要退订的产品-关闭服务（取消后则不再发起续订扣费）。',
							'注意：在晓悟故事与第三方合作发生变更或终止时，您的订购服务将自动解约，以届时实际通知为准。',
							'8.退费说明：联合产品属虚拟类商品，非预付卡，不适用无理由退货，开通成功后，不支持退款和转移，联合产品权益不可转让。',
							'9.严禁以任何形式翻录或转载、未经许可在第三方平台传播，违者将追究法律责任。',
							'10.特别提醒',
							'（1）购买本联合产品，应同时遵守晓悟故事和省心24各自发布的《用户服务协议》、《隐私权政策》（统称“平台规则”），如违反任一平台规则，晓悟故事和省心24任何一方均有权单独按照其平台规则的规定进行处理，包括但不限于中止或终止提供其所属平台的服务及要求侵权赔偿等。故在开通前，请仔细阅读两个平台的规则。',
							'（2）用户信息保护：为您领取权益目的，晓悟故事和省心24会收集使用您的相关信息。当您购买联合产品并手动勾选相关服务协议后，表明您接受并同意收集使用您的个人信息。活动主办方使用个人信息仅限于购买、领取、使用联合产品所需，并在合理范围内予以保护，详细个人信息政策请晓悟故事和省心24《隐私权政策》及《用户服务协议》。如您不同意请不要参与本次活动。',
							'（3）互联网存在诸多不确定性因素，因此理解并同意，如因不可抗力、网络、通讯线路故障、计算机大规模瘫痪及活动中存在大面积作弊行为等非晓悟故事原因致使本活动出现异常情况或难以继续开展的，活动主办方有权采取包括但不限于通过各种方式消除异常情况或调整、暂停、取消本活动等措施，因此造成用户损失的，晓悟故事不承担责任。',
							'（4）如出现不可抗力或情势变更的情况（包括但不限于重大灾害事件，活动受政府机关指令需要停止举办或调整的，活动遭受严重网络攻击或因系统故障导致包括但不限于活动中断、停办、权益领取和使用出现问题），活动主办方可依据相关法律法规的规定主张免责，主办方拥有取消本次活动的权利。',
							'（5）在法律规定的范围内，晓悟故事有权对活动规则进行解释，并根据活动的实际情况对本活动的规则进行变动或调整，相关变动或调整将公布在本活动规则页面，公布后依法生效。',
							'（6）如果用户出现违规行为（如作弊领取、恶意套现、刷取信誉、虚假交易、以所获得权益进行盈利、不当使用、倒买倒卖等违背诚实信用的行为），活动主办方将取消收回全部权益（含已使用的及未使用的），必要时追究法律责任。',
						],
					},
					{
						key: 5,
						title: '产品说明',
						showType: 1, // 1-文字，2-图文
						content: [
							'1.活动时间：2024.08.01-2024.12.31',
							'2.产品名称：火火兔连续包月联合会员',
							'3.客服咨询：400-8825-010（工作日9:00-12:00，13:30-18:00）。',
							'4.通过正常通道进入活动且未参与过该活动的用户均可参与（限购1单）。',
							'5.产品资费：本产品在您完成订阅操作后可享首周免费体验，体验期内如您未取消订阅，我们将在体验期结束后自动为您扣费升级成为正式会员，并扣费29.9元/月续订该会员，您可随时取消该订阅。扣费采用签约代扣的方式进行收费，会在每一个计费周期到期前24小时，自动从您的账户中扣费（请确保余额充足）。如对产品有异议或者建议等，请联系客服登记处理。',
							'6.权益说明：',
							'（1）权益内容包含：',
							'①体验会员包含1张5元支付宝通用立减金，1张火火兔会员周卡；',
							'②正式会员包含6张5元支付宝通用立减金（合计30元），1张火火兔会员月卡。',
							'（2）领取及使用：',
							'①火火兔会员自动到账至您订购时填写的手机号对应注册的火火兔账号下，请确保通过活动订购产品的手机号和登录火火兔APP的手机号保持一致，凭订购产品时使用的手机号登录火火兔APP查看会员到账情况',
							'②6张5元支付宝立减金',

							'a.请前往微信公众号“省心24-领福利-立减金”领取您的立减金（领取详情见阅短信）。领取规则为：订阅期内每5天可领取一张，每月共可领取6张，每张立减金领取后24小时内有效，到期自动失效（支付宝立减金领取后将发放到您订购时填写的手机号注册的支付宝账户-卡包。该产品为虚拟商品请填写正确手机号）',
							'b.支付宝立减金可用于线上线下任意支付宝支付场景（使用支付宝支付，且金额大于5元，选择银行卡【含所有银行卡】付款时均可自动抵扣）。',
							'*体验会员权益直接发放至用户办理手机对应的支付宝账号和火火兔账号上。',
							'7.取消订阅/续订：',
							'（1）您在购买自动续费服务后，将会在到期前1天为您发起续费，自动延长一个月火火兔vip会员有效期及立减金权益；',
							'（2）如需解约本产品，请在会员权益到期前解约。',
							'解约路径：打开支付宝app点击设置-支付设置-免密支付自动扣款-选择需要退订的产品-关闭服务（取消后则不再发起续订扣费）。',
							'注意：在火火兔与第三方合作发生变更或终止时，您的订购服务将自动解约，以届时实际通知为准。',
							'8.退费说明：联合产品属虚拟类商品，非预付卡，不适用无理由退货，开通成功后，不支持退款和转移，联合产品权益不可转让。',
							'9.严禁以任何形式翻录或转载、未经许可在第三方平台传播，违者将追究法律责任。',
							'10.特别提醒',
							'（1）购买本联合产品，应同时遵守晓悟故事和省心24各自发布的《用户服务协议》、《隐私权政策》（统称“平台规则”），如违反任一平台规则，晓悟故事和省心24任何一方均有权单独按照其平台规则的规定进行处理，包括但不限于中止或终止提供其所属平台的服务及要求侵权赔偿等。故在开通前，请仔细阅读两个平台的规则。',
							'（2）用户信息保护：为您领取权益目的，晓悟故事和省心24会收集使用您的相关信息。当您购买联合产品并手动勾选相关服务协议后，表明您接受并同意收集使用您的个人信息。活动主办方使用个人信息仅限于购买、领取、使用联合产品所需，并在合理范围内予以保护，详细个人信息政策请晓悟故事和省心24《隐私权政策》及《用户服务协议》。如您不同意请不要参与本次活动。',
							'（3）互联网存在诸多不确定性因素，因此理解并同意，如因不可抗力、网络、通讯线路故障、计算机大规模瘫痪及活动中存在大面积作弊行为等非晓悟故事原因致使本活动出现异常情况或难以继续开展的，活动主办方有权采取包括但不限于通过各种方式消除异常情况或调整、暂停、取消本活动等措施，因此造成用户损失的，晓悟故事不承担责任。',
							'（4）如出现不可抗力或情势变更的情况（包括但不限于重大灾害事件，活动受政府机关指令需要停止举办或调整的，活动遭受严重网络攻击或因系统故障导致包括但不限于活动中断、停办、权益领取和使用出现问题），活动主办方可依据相关法律法规的规定主张免责，主办方拥有取消本次活动的权利。',
							'（5）在法律规定的范围内，晓悟故事有权对活动规则进行解释，并根据活动的实际情况对本活动的规则进行变动或调整，相关变动或调整将公布在本活动规则页面，公布后依法生效。',
							'（6）如果用户出现违规行为（如作弊领取、恶意套现、刷取信誉、虚假交易、以所获得权益进行盈利、不当使用、倒买倒卖等违背诚实信用的行为），活动主办方将取消收回全部权益（含已使用的及未使用的），必要时追究法律责任。',
						],
					},
					{
						key: 6,
						title: '产品说明',
						showType: 1, // 1-文字，2-图文
						content: [
							'1.活动时间：2024.08.01-2024.12.31',
							'2.产品名称：互动小说联合会员',
							'3.客服咨询：400-8825-010（工作日9:00-12:00，13:30-18:00）。',
							'4.所有未在互动小说参与连续订阅的用户均可参与活动，具体以实际办理为准。',
							'5.产品资费：本产品为连续包月产品(首周免费），续订29.9元/月，开通立即生效（限购1单，可随时取消）。扣费采用签约代扣的方式进行收费，会在每一个计费周期到期前24小时自动从您签约的账户中扣费（请确保余额充足）。如对产品有异议或者建议等，请联系客服登记处理。',
							'6.权益说明：',
							'（1）权益内容包含：',
							'①首周免费权益：互动小说会员周卡+5元支付宝立减金',
							'②续订月卡权益：互动小说会员月卡+100元团油加油券。',
							'（2）领取及使用：',
							'①互动小说会员自动到账至您订购时填写的手机号对应注册的互动小说账号下，请确保通过活动订购产品的手机号和登录互动小说APP的手机号保持一致，凭订购产品时使用的手机号登录互动小说APP查看会员到账情况；',
							'②100元团油加油券',
							'a、登录团油app或团油小程序，点击我的-优惠券，即可查看权益并使用;',
							'b、优惠券仅限与团油合作的部分加油站的汽油可用。具体油站及油号以团油平台显示的为准;',
							'c、优惠券不可与平台直降活动叠加，不退换不找零，同一订单只能使用一张。',
						
							'7.取消订阅/续订：',
							'（1）您在购买自动续费服务后，将会在到期前1天为您发起续费，自动延长一个月互动小说会员有效期及团油加油券权益；',
							'（2）如需解约本产品，请在会员权益到期前解约。',
							'解约路径：打开支付宝app点击设置-支付设置-免密支付自动扣款-选择需要退订的产品-关闭服务（取消后则不再发起续订扣费）。',
							'注意：在互动小说与第三方合作发生变更或终止时，您的订购服务将自动解约，以届时实际通知为准。',
							'8.退费说明：联合产品属虚拟类商品，非预付卡，不适用无理由退货，开通成功后，不支持退款和转移，联合产品权益不可转让。',
							'9.严禁以任何形式翻录或转载、未经许可在第三方平台传播，违者将追究法律责任。',
							'10.特别提醒',
							'（1）购买本联合产品，应同时遵守互动小说和省心24各自发布的《用户服务协议》、《隐私权政策》（统称“平台规则”），如违反任一平台规则，互动小说和省心24任何一方均有权单独按照其平台规则的规定进行处理，包括但不限于中止或终止提供其所属平台的服务及要求侵权赔偿等。故在开通前，请仔细阅读两个平台的规则。',
							'（2）用户信息保护：为您领取权益目的，互动小说和省心24会收集使用您的相关信息。当您购买联合产品并手动勾选相关服务协议后，表明您接受并同意收集使用您的个人信息。活动主办方使用个人信息仅限于购买、领取、使用联合产品所需，并在合理范围内予以保护，详细个人信息政策请阅读互动小说和省心24《隐私权政策》及《用户服务协议》。如您不同意请不要参与本次活动',
							'（3）互联网存在诸多不确定性因素，因此理解并同意，如因不可抗力、网络、通讯线路故障、计算机大规模瘫痪及活动中存在大面积作弊行为等非互动小说和省心24原因致使本活动出现异常情况或难以继续开展的，活动主办方有权采取包括但不限于通过各种方式消除异常情况或调整、暂停、取消本活动等措施，因此造成用户损失的，互动小说和省心24不承担责任。',
							'（4）如出现不可抗力或情势变更的情况（包括但不限于重大灾害事件，活动受政府机关指令需要停止举办或调整的，活动遭受严重网络攻击或因系统故障导致包括但不限于活动中断、停办、权益领取和使用出现问题），活动主办方可依据相关法律法规的规定主张免责，主办方拥有取消本次活动的权利。',
							'（5）在法律规定的范围内，互动小说和省心24有权对活动规则进行解释，并根据活动的实际情况对本活动的规则进行变动或调整，相关变动或调整将公布在本活动规则页面，公布后依法生效。',
							'（6）如果用户出现违规行为（如作弊领取、恶意套现、刷取信誉、虚假交易、以所获得权益进行盈利、不当使用、倒买倒卖等违背诚实信用的行为），活动主办方将取消收回全部权益（含已使用的及未使用的），必要时追究法律责任。',
						],
					}

				]
			}
		},
		mounted() {
			if (this.agreementType) {
				this.showDataList.forEach(item => {
					if (item.key == this.agreementType) {

						this.title = item.title
						this.showType = item.showType
						if (item.content) {
							this.content = item.content
						}
						if (item.imagePath) {
							this.imagePath = item.imagePath
						}
					}
				})
			}
		},
		methods: {
			ok() {
				this.$emit("ok")
			}
		}
	}
</script>

<style lang="scss" scoped>
	.agreement-main-box {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		background: url("https://qiming-1308147483.cos.ap-chengdu.myqcloud.com/doc%2Fpinzhi_shenghuo_huiyuan_quanyi%2Fcommon%2Flogin-shadow-bg.png") repeat;
		z-index: 3;

		.agreement-box {
			border-radius: 20rpx;
			background-color: #faf7f2;
			padding: 30rpx;
			width: 85%;
			box-sizing: border-box;

			.title {
				text-align: center;
				color: #0a143c;
				font-size: 28rpx;
				padding-bottom: 20rpx;
			}

			.content-box {
				max-height: 50vh;
				overflow: auto;

				.content {
					font-size: 25rpx;
					color: #515151;
					margin-top: 30rpx;
					line-height: 45rpx;

					::v-deep .tip {
						color: #0a143c;
						font-weight: 600;
						text-decoration: underline;
					}
				}



			}

			.btn {
				width: 300rpx;
				font-size: 25rpx;
				letter-spacing: 2rpx;
				color: #fff;
				text-align: center;
				background-color: #6991E9;
				border-radius: 120rpx;
				padding: 13rpx 0;
				font-size: 32rpx;
				margin: 10rpx auto 0;
			}
		}

		.rule-content-box {
			position: fixed;
			width: 100%;
			height: 100vh;
			left: 0;
			top: 0;
			overflow: auto;
			z-index: 9;

			.rule-img {
				width: 100%;
				height: auto;
			}
		}
	}
</style>